<template>
  <div>
    <h1>Didi</h1>
    <h2>{{count}}</h2>
    <button @click='byebye'>bye</button>
    
  </div>
</template>

<script>
import Pubsub from 'pubsub-js'

export default {
    name:'Didi',
    data(){
        return {
            //一般我们在接收发布数据之前,都要书写一个初始值
            count:0,
            pubId:null

        }
    },
    //先订阅,一般在初始化环节就订阅
    mounted(){
        //参数1是订阅名称,参数2是回调函数 回调函数的第二个参数是接受订阅的信息
        this.pubId=Pubsub.subscribe('count',(_,count)=>{
            this.count=count
        })
    },
    methods:{
        byebye(){
            //unsubscribe也可以接受一个订阅id(pubId),是订阅方法的返回值,可以取消当前组件的当前订阅
            Pubsub.unsubscribe(this.pubId)
        }
    }
}
</script>

<style>

</style>